/* Main Colors
=================================================================== */
@sidebar: #414141;
@border: #d4d4d4;
@heading: #f5f5f5;
@main: #eee;
@mainText: darken(@main,65%);

@primary: #20a8d8;
@success: #79c447;
@info: #67c2ef;
@warning: #fabb3d;
@danger: #ff5454;
@inverse: #444;

@facebook: #3b5998;
@twitter: #00aced;
@linkedin: #4875B4;
@google-plus: #d34836;
@flickr: #ff0084;
@tumblr: #32506d;
@xing: #026466;
@github: #4183c4;
@html5: #e34f26;
@openid: #f78c40;
@stack-overflow: #fe7a15;
@youtube: #bb0000;
@css3: #0170ba;
@dribbble: #ea4c89;
@google-plus: #bb4b39;
@instagram: #517fa4;
@pinterest: #cb2027;
@vk: #45668e;
@yahoo: #400191;
@behance: #1769ff;
@dropbox: #007ee5;
@reddit: #ff4500;
@spotify: #7ab800;
@vine: #00bf8f;
@foursquare: #1073af;
@vimeo: #aad450;

.backgroundColor {
	
	&.primary { background: @primary; }
	&.success { background: @success; }
	&.info { background: @info; }
	&.warning { background: @warning; }
	&.danger { background: @danger; }
		
}

.backgroundColorTitle {
	
	&.primary { 
		.title { background: @primary; }
	}
	
	&.success { 
		.title { background: @success; }
	}
		
	&.info { 
		.title { background: @info; }
	}
	
	&.warning { 
		.title { background: @warning; }
	}
	
	&.danger { 
		.title { background: @danger; }
	}
	
}